<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/taglib.jsp" %>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="微社区,Q生活" name="keywords"/>
<meta content="微社区,Q生活" name="description"/>
<title>微社区|Q生活</title>
<link rel="stylesheet" href="${ctx }/static/css/Master.css"/>
<link rel="stylesheet" href="${ctx }/static/css/jquery-labelauty.css"/>
<style type="text/css">
label.codelabel{width:16px;height:16px;padding:8px;float:none;}
label.error{background:url("${ctx}/static/images/error.png") center no-repeat #ffffff;}
label.success{background:url("${ctx}/static/images/success.png") center no-repeat #ffffff;}
</style>
<script type="text/javascript">
	<%--方便forgetPwd.js使用--%>
	var contextPath = "${ctx}";  
</script>
<script src="${ctx }/static/js/jquery-1.9.0.min.js"></script>
<script src="${ctx}/static/plugins/layer/layer.js"></script>
<%-- 基础js,所有页面都需要引入此js,依赖layer.js --%>
<script src="${ctx}/static/js/common/base.js"></script>
<script src="${ctx }/static/js/login.js"></script>
<script src="${ctx }/static/js/jquery-labelauty.js"></script>
<script src="${ctx}/static/js/common/util.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	if(window != top){
		top.location.href = location.href;
		return;
	}
	$.login();
	$('.labelautybox :input').labelauty();
	$('#p').togglePassword({
		el: '#togglePassword'
	});
	
	<%--控制错误信息显示--%>
	var errorTips = $('#error_tips');
	if(errorTips.text()){
		errorTips.show();
	}
});
</script>
</head>

<body class="utilSubmit">
<form id="loginForm" action="" method="post">
<div class="loginBg">
	<div class="loginText"><img src="${ctx }/static/images/loginText.png" alt=""/></div>
	<div class="loginRight">
		<div class="login" >
		<span class="loginTopbg"></span>
		<span class="loginBottombg"></span>
		<div class="loginTitle"></div>
		<article class="W_login_form">
			<div class="loginTip" id="tips">
				<span class="tips error_tips" id="error_tips">${error}</span>
			</div>
			<div class="info_list">
				<div class="inp username">
					<label class="input_tips" id="uin_tips" for="u">请输入手机号码</label>
					<input type="text" class="W_input" name="username" id="u" /><a class="uin_del" href="javascript:void(0);"></a>
				</div>
			</div>
			<div class="info_list">
				<div class="inp password">
					<label class="input_tips" id="pwd_tips" for="p">请输入密码</label>
					<input type="password" value="" class="W_input" name="password" id="p" maxlength="24">
					<div class="labelautybox labelautybox2"><input type="checkbox" name="checkbox" id="togglePassword" data-labelauty=" "></div>
				</div>
			</div>
			<%-- jcaptchaEbabled 在JCaptchaValidateFilter设置 --%>
		    <c:if test="${jcaptchaEbabled}">
		    <%-- 为提高用户体验,根据配置第几次不显示验证码 --%>
		    <c:if test="${sessionScope.loginCount >= sessionScope.indexShowCaptcha }">
	        <div class="info_list pin_code">
				<div class="inp verify">
					<label class="input_tips" id="code_tips" for="n">验证码</label>
					<input type="text" class="W_input" name="jcaptchaCode" id="n" maxlength="6" value="${retryCount}" >
					<label id="codelabel" class="codelabel" ></label>
					<img width="90" height="40" action-type="btn_change_verifycode" node-type="verifycode_image" src="${ctx }/jcaptcha.jpg" alt="" class="jcaptcha-btn jcaptcha-img" title="点击更换验证码" style="margin-left: 4px"/>
					<a onClick="return false;" href="javascript:void(0);" class="refresh jcaptcha-btn"></a>
				</div>
			</div>
			</c:if>
		    </c:if>
			
			<%--<div class="info_list" style="margin-bottom: 0px">
				<div class="">
					<label class="" id="" >自动登录</label>
					<input type="checkbox" name="rememberMe" value="true">
				</div>
			</div>--%>
			<div class="info_list auto_login clearfix">
				<div class="fr">
					<a href="javascript:void(0)" class="W_btn_g utilSubmitBtn" id="login_button">登录</a>
				</div>
				<a href="${ctx }/forgetPwd">忘记密码？</a>
			</div>
		</article>
	</div>
	</div>
</div>
</form>
</body>
</html>